<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/static/css/reset.css">
    <link rel="stylesheet" href="/static/css/head.css">
    <link rel="stylesheet" href="/static/css/news.css">
    <link rel="stylesheet" href="/static/css/about.css">
    <script src="/static/js/vue.min.js"></script>
    <link rel="stylesheet" href="/static/css/index1.css">
    <script src="/static/js/element-ui/index.js"></script>
    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=5vpF09i8jdA06i3kBv5TVe9fbxBkfKKq"></script>
    <title>关于我们</title>
    <style>
    [v-cloak] {
        display: none !important;
    }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="mask"></div>
        <!-- 导航 -->
        <header class="header">
            <div class="container clearfix">
                <div class="fl left">
                    <a href="javascript:void(0)"><img src="/static/picture/logo.png" alt="" class="img1"></a>
                </div>
                <div class="fr nav">
                    <img src="/static/icon/menu.png" alt="菜单" class="menuTog" />
                    <ul class="navbar_nav" data-in="fadeInDown" data-out="fadeOutUp">
                        <li><img src="/static/icon/close.png" alt="关闭" class="closeTog" /></li>
                        <li>
                            <a href="/index.html">首页</a>
                        </li>
                        <li class="dropdown">
                            <a href="/pro.html">
								产品服务
							</a>
                        </li>
                        <li class="dropdown">
                            <a href="/science.html">普联科技</a>
                        </li>
                        <li>
                            <a href="/news.html">新闻动态</a>
                        </li>
                        <li>
                            <a href="/help.html">帮助与支持</a>
                        </li>
                        <li class="header-active">
                            <a href="">关于我们</a>
                        </li>
                    </ul>
                </div>
                <a href="javascript:void(0)" id="navToggle">
                    <span></span>
                </a>
            </div>
        </header>
        <div class="banner">
            <img src="/static/picture/about-bgc_01.png" alt="">
        </div>


        <!-- 内容  -->
        <div class="content-wrapper">
            <div class="news-container">
                <div class="news-left">
                    <ul>
                        <li class="news-title-li" :class="{ 'active': isActive == 1 }" @click="isActive=1">
                            <div class="inline">
                                <div class="gang"></div>
                                <div class="left-title">普联简介</div>
                            </div>
							<p><i class="right"></i></p>
                        </li>
                        <li class="news-title-li" :class="{ 'active': isActive == 2  }" @click="isActive=2">
                            <div class="inline">
                                <div class=" gang"></div>
                                <div class="left-title">发展历程</div>
                                
                            </div>
							<p><i class="right"></i></p>
                        </li>
                        <li class="news-title-li" :class="{ 'active': isActive == 3 }" @click="isActive=3">
                            <div class="inline">
                                <div class=" gang"></div>
                                <div class="left-title">主要股东</div>
                                
                            </div>
							<p><i class="right"></i></p>
                        </li>
                        <li class="news-title-li" :class="{ 'active': isActive == 4 }" @click="isActive=4">
                            <div class="inline">
                                <div class=" gang"></div>
                                <div class="left-title">联系我们</div>
                               
                            </div>
 							<p><i class="right"></i></p>
                        </li>
                    </ul>
                </div>
                <div class="news-right">
                    <div class="r-world">
                        <h4>{{tabTitle}}</h4>
                        <div class="r-gang"></div>
                        <div class="about-intro" v-show="isActive==1">
                            <div class="intro-left">
                                <p>
                                    武汉普联东文数据服务有限责任公司成立于2017年，是一家平台型金融科技企业。它运用区块链、XBRL、人工智能、大数据和云计算等新技术，打造数据增信平台，将企业生产经营财税数据转化为可流转、可拆分、可融资的价值信息，形成企业信用链，与金融机构合作主动为企业提供一站式数字化金融服务。
                                </p>
                            </div>
                            <div class="intro-r">
                                <img src="/static/picture/about-right_03.png" alt="">
                            </div>
                        </div>
                        <div class="about-deve" v-show="isActive==2">
                            <div class="about-content-wrapper">
                                <ul class="year-ul" v-for="(item,index) in introData">
                                    <li class="year-abs">{{item.year}}</li>
                                    <li class="intro-content-li" v-for="(subItem,subIndex) in item.data">
                                        <div class="intro-wrap">
                                            <div class="intro-content-left">
                                                <span class="month-sapn">{{subItem.month}} </span>
                                            </div>
                                            <div class="intro-content-r" v-html="subItem.content"></div>
                                        </div>
                                    </li>
                                </ul>
                                <div class="time-shaft"></div>
                            </div>
                        </div>
                        <div class="about-shareholder" v-show="isActive==3">
                            <ul>
                                <li v-for="(item,index) in shareholderData" :key="index" class="shareholder-li">
                                    <div class="shareholder-left">
                                        <img :src="item.imgSrc">
                                    </div>
                                    <div class="shareholder-r">
                                        <p class="shareholder-name">{{item.name}}</p>
                                        <p class="shareholder-desc">{{item.desc}}</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="about-contact" v-show="isActive==4">
                            <div class="map" id='allmap'></div>
                            <div class="contact-p-wrap">
                                <p>${commonData.name}</p>
                				<p>地址：${commonData.address}</p>
                				<p>客服热线：${commonData.tel}</p>
                				<p>服务邮箱：${commonData.email}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="common-footer">
            <div class="footer_lxwm">
                <ul class="wbsx">
                    <li><img src="/static/picture/footer_wb.png">
                        <p>企业微博</p>
                    </li>
                    <li><img src="/static/picture/footer_gzh.png">
                        <p>企业公众号</p>
                    </li>
                    <li><img src="/static/picture/footer_dy.png">
                        <p>抖音二维码</p>
                    </li>
                </ul>
                <a href="/about.html">CONTACT US</a>
            </div>
            <div class="lxfs_box">
                <span class="sb_1"><img src="/static/picture/footer_icon_dianhua.png">电话：${commonData.tel}</span>
                <span class="sb_1"><img src="/static/picture/footer_icon_mail.png">邮箱：${commonData.email}</span>
                <span class="sb_1"><img
						src="/static/picture/footer_icon_dizhi.png">地址：${commonData.address}</span>
                <p>
                    <span>
                        <img src="/static/picture/footer_icon_banquan.png"/>版权所有 2018-2020 武汉普联东文数据服务有限责任公司 · 鄂ICP备17023599号-2
                    </span>
                    <span>
                        <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42010302002204">
                            <img src="/static/image/110.png" />鄂公网安备 42010302002204号
                        </a>
                    </span>
                </p>
            </div>
        </div>
    </div>
</body>
<script src="/static/js/jquery.min.js"></script>
<script>
    var lng = ${commonData.lng?string("0.######")};
    var lat = ${commonData.lat?string("0.######")};



    var app = new Vue({
        el: '#app',
        data: {
            introData: [{
                year: '2020',
                data: [{
                    month: '01',
                    content: '<p>获深圳派拉创投首轮融资 </p> <p>推出“出口e贷”并成功发放首笔贷款 </p> <p>入选中国（湖北）自贸区第四批推广案例</p> '
                }]
            }, {
                year: '2019',
                data: [{
                    month: '07',
                    content: '<p>深圳·参与全国自贸区创新联盟制度创新大会</p>'
                }, {
                    month: '09',
                    content: '<p>推出智能报税小工具—0税宝</p>'
                }, {
                    month: '10',
                    content: '<p>上海·总经理朱华应邀参加“2019可扩展商业报告语言( XBRL )国际会议”并进行主题报告发言</p><p>襄阳·向湖北省常委、襄阳市委书记汇报项目进展</p>'
                }, {
                    month: '11',
                    content: '<p>襄阳·接受财政部、省财政厅调研指导</p><p>镇江·参与全国会计管理工作会议</p><p>北京·与中总行、工总行、农总行进行出口E贷标准首轮认定</p><p>北京·与百望股份建立战略合作</p>'
                }]
            }, {
                year: '2018',
                data: [{
                    month: '10',
                    content: '<p>通过ISO9001质量管理体系认证</p> '
                }, {
                    month: '11',
                    content: '<p>荣获国家高新技术企业证书</p> '
                }, {
                    month: '12',
                    content: '<p>通过ISO27001信息安全管理体系认证</p> <p>组建中国（湖北）贸易试验区襄阳片区财智服务平台<p></p>推出智能财税云平台—蛮有财</p>'
                }]
            }, {
                year: '2017',
                data: [{
                    month: '03',
                    content: '<p>普联东文成立</p> '
                }]
            }],
            shareholderData: [{
                imgSrc: "/static/image/gudong1-ava_03.png",
                name: "朱华",
                desc: "公司创始人朱华具有20年以上的大型央企财税及信息化经验，现任襄阳财智联盟主席、湖北省总会计师协会理事、上海国家会计学院客座教授、AAIA国际会计师全权执业会员。其主导的财政部“XBRL+大数据”在企业内部应用项目，运用世界级的数据分析方法为企业创造价值，被XBRL国际组织评价为“是一个全新的、引人注目的商业案例，是革命性的创举”，被财政部选为管理会计典型案例并写入《会计改革与发展“十三五”纲要》。"
            }, {
                imgSrc: "/static/image/gudong2-ava_03.png",
                name: "普联软件股份有限公司",
                desc: "普联软件股份有限公司是国家规划布局内重点软件企业，国家认定的高新技术企业，科技部认定的国家火炬计划软件产业基础骨干企业，它拥有包括中国石油、中国石化、中国海油、中国建筑、中国大唐、中国广核、中化集团、中国葛洲坝等大型央企，万达集团、龙湖集团、潍柴动力、紫金矿业等行业龙头企业，浦发银行、农业银行、招商银行、太平洋保险、中国人寿等金融保险机构，以及财政部、银保监会等政府部门在内的高端客户群，是中国500强中多家企业的信息化核心合作伙伴。"
            }],
            isActive: 1,
            tabTitle: ""
        },
        mounted: function() {
            this.$nextTick(function() {

                var map = new BMap.Map("allmap");
                var point = new BMap.Point(lng, lat);
                map.centerAndZoom(point, 20);
                var myIcon = new BMap.Icon('/web/images/about/about-logo2.png', new BMap.Size(60, 67), {
                    anchor: new BMap.Size(30, 80)
                });
                var marker = new BMap.Marker(point, {
                    icon: myIcon
                });
                map.addOverlay(marker);
                map.enableScrollWheelZoom(true);

                map.addEventListener('tilesloaded', function(){
                    map.setCenter(point);
                });
            })
        },
        methods: {},
        watch: {
            isActive: {
                handler: function(val, oVal) {
                    switch (val) {
                        case 1:
                            this.tabTitle = "普联东文简介"
                            break;
                        case 2:
                            this.tabTitle = "发展历程"
                            break;
                        case 3:
                            this.tabTitle = "主要股东"
                            break;
                        case 4:
                            this.tabTitle = "联系我们"
                            break;
                    }
                },
                immediate: true
            }
        }
    })
</script>
<script src="/static/js/news.js"></script>

</html>